小程序开发教程-01环境搭建与Hello World

环境搭建

开发环境 Mac OS
开发软件 微信开发者工具

注册账号

前往微信公众平台注册账号。注意要选择小程序,公众平台有订阅号等其他服务,各个服务不互通账号。注册过程中需要填写身份证号等信息,最后会给出一个二维码绑定管理员微信,以后就可以通过管理员微信登录进行管理。
(小程序的账号不能是公众号服务或者微信绑定过)

安装微信开发者工具

官网下载微信开发者工具,官网提供的3个版本

Mac上安装介绍忽略……

微信开发者工具使用介绍

安装完后,打开工具,使用微信扫码登录。登录后:

新建一个项目:

AppID:暂时可以选择测试号,测试使用。如果想使用AppID,登录微信公众平台,配置小程序的信息,然后在开发设置中可以查看到AppID和AppSecret。
默认项目结构介绍:

编译、运行HelloWorld

  1. 扫描二维码预览
    在手机上打开微信,扫描二维码后,手机上可以预览使用小程序:

  2. 自动预览
    点击编译并预览之后,登录开发工具的微信上会自动打开小程序:

  3. 开发者工具自带的模拟器预览
    事实上,在开发者工具的最左栏默认是打开模拟器的预览界面的,并且可以选择不同的模拟器、自定义模拟器配置等,进行预览效果。

------------- The End -------------